<template>
    <div>
        <!--=====================================-->
        <!--=        Inner Banner Start         =-->
        <!--=====================================-->
        <section class="inner-page-banner" data-bg-image="media/banner/banner1.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumbs-area">
                            <h1>Post an Ad</h1>
                            <ul>
                                <li>
                                    <a href="index.html">Home</a>
                                </li>
                                <li>Post an Ad</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--=====================================-->
        <!--=        Post Add Start    			=-->
        <!--=====================================-->
        <section class="section-padding-equal-70">
            <div class="container">
                <div class="post-ad-box-layout1 light-shadow-bg">
                    <div class="post-ad-form light-box-content">
                        <div class="post-alert alert alert-success">You have more 958 free ads.</div>
                        <form action="#">
                            <div class="post-section post-type">
                                <div class="post-ad-title">
                                    <i class="fas fa-tags"></i>
                                    <h3 class="item-title">任务名称</h3>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            任务名称
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="title" id="post-title">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-section post-category">
                                <div class="post-ad-title">
                                    <i class="fas fa-tags"></i>
                                    <h3 class="item-title">任务类型</h3>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            类型
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <select class="form-control select-box">
                                                <option value="0">淘宝</option>
                                                <option value="1">Business &amp; Industry</option>
                                                <option value="2">Cars &amp; Vehicles</option>
                                                <option value="3">Education</option>
                                                <option value="4">Electronics</option>
                                                <option value="5">Food &amp; Agriculture</option>
                                                <option value="6">Health &amp; Beauty</option>
                                                <option value="7">Hobby, Sport &amp; Kids</option>
                                                <option value="8">Home Appliances</option>
                                                <option value="9">Others</option>
                                                <option value="10">Pets &amp; Animals</option>
                                                <option value="11">Property</option>
                                                <option value="12">Services</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            品种
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <select class="form-control select-box">
                                                <option value="0">xxx</option>
                                                <option value="1">Business &amp; Industry</option>
                                                <option value="2">Cars &amp; Vehicles</option>
                                                <option value="3">Education</option>
                                                <option value="4">Electronics</option>
                                                <option value="5">Food &amp; Agriculture</option>
                                                <option value="6">Health &amp; Beauty</option>
                                                <option value="7">Hobby, Sport &amp; Kids</option>
                                                <option value="8">Home Appliances</option>
                                                <option value="9">Others</option>
                                                <option value="10">Pets &amp; Animals</option>
                                                <option value="11">Property</option>
                                                <option value="12">Services</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            品类
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <select class="form-control select-box">
                                                <option value="0">Select a category</option>
                                                <option value="1">Business &amp; Industry</option>
                                                <option value="2">Cars &amp; Vehicles</option>
                                                <option value="3">Education</option>
                                                <option value="4">Electronics</option>
                                                <option value="5">Food &amp; Agriculture</option>
                                                <option value="6">Health &amp; Beauty</option>
                                                <option value="7">Hobby, Sport &amp; Kids</option>
                                                <option value="8">Home Appliances</option>
                                                <option value="9">Others</option>
                                                <option value="10">Pets &amp; Animals</option>
                                                <option value="11">Property</option>
                                                <option value="12">Services</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-section post-information">
                                <div class="post-ad-title">
                                    <i class="fas fa-folder-open"></i>
                                    <h3 class="item-title">任务详情</h3>
                                </div>
                                <!--搜索关键词-->
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            搜索关键词
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="title">
                                        </div>
                                    </div>
                                </div>
                                <!--商品价格-->
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            商品价格
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="title">
                                        </div>
                                    </div>
                                </div>
                                <!--刷单佣金-->
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            刷单佣金（一单）
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="title">
                                        </div>
                                    </div>
                                </div>
                                <!--刷单数量-->
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            刷单数量
                                            <span>*</span>
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <input type="text" class="form-control" name="title">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <label class="control-label">
                                            任务详情
                                        </label>
                                    </div>
                                    <div class="col-sm-9">
                                        <div class="form-group">
                                            <textarea name="description" class="form-control textarea" id="description"
                                                      cols="30" rows="8"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="post-section post-img">
                                <div class="post-ad-title">
                                    <i class="far fa-image"></i>
                                    <h3 class="item-title">商品图片</h3>
                                </div>
                                <div class="form-group">
                                    <div class="img-gallery">
                                        <div class="img-upload">
                                            <div class="upload-title">Drop files here to add them.</div>
                                            <a href="#" class="item-btn">Browse files ...</a>
                                        </div>
                                        <div class="img-upload-instruction alert alert-danger">
                                            <p>Recommended image size to (870x493)px</p>
                                            <p>Image maximum size 3 MB.</p>
                                            <p>Allowed image type (png, jpg, jpeg).</p>
                                            <p>You can upload up to 5 images.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="post-section post-img">
                                <div class="post-ad-title">
                                    <i class="far fa-image"></i>
                                    <h3 class="item-title">确认发布</h3>
                                </div>
                                <div class="form-group">
                                    <div class="img-gallery">
                                        <div class="img-upload">

                                            <a href="#" class="item-btn">确认</a>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
        <!--=====================================-->
        <!--=       Footer Start           	=-->
        <!--=====================================-->
        <footer>
            <div class="footer-top-wrap">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-box-layout1">
                                <div class="footer-logo">
                                    <img src="media/footer-logo.png" alt="logo">
                                </div>
                                <p>Classima a Largest Classified Listing Marketplace
                                    offers perfect WordPress Ads classified Themes to build
                                    your own classified websites.</p>
                                <ul class="footer-social">
                                    <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-google-plus-g"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-box-layout1">
                                <div class="footer-title">
                                    <h3>How to Sell Fast</h3>
                                </div>
                                <div class="footer-menu-box">
                                    <ul>
                                        <li><a href="#">Selling Tips</a></li>
                                        <li><a href="#">Buy and Sell Quickly</a></li>
                                        <li><a href="#">Membership</a></li>
                                        <li><a href="#">Banner Advertising</a></li>
                                        <li><a href="#">Promote Your Ad</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-box-layout1">
                                <div class="footer-title">
                                    <h3>Information</h3>
                                </div>
                                <div class="footer-menu-box">
                                    <ul>
                                        <li><a href="#">Company & Contact Info</a></li>
                                        <li><a href="#">Blog & Articles</a></li>
                                        <li><a href="#">Sitemap</a></li>
                                        <li><a href="#">Terms of Service</a></li>
                                        <li><a href="#">Privacy Policy</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="footer-box-layout1">
                                <div class="footer-title">
                                    <h3>Help & Support</h3>
                                </div>
                                <div class="footer-menu-box">
                                    <ul>
                                        <li><a href="#">Live Chat</a></li>
                                        <li><a href="#">FAQ</a></li>
                                        <li><a href="#">How to Stay Safe</a></li>
                                        <li><a href="#">Terms & Conditions</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom-wrap">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8">
                            <div class="copyright-text">
                                © Copyright Classima 2019. Designed and Developed by <a target="_blank"
                                                                                        href="https://www.radiustheme.com">RadiusTheme</a>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="payment-option">
                                <a href="#">
                                    <img src="media/figure/payment.png" alt="payment">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

</template>
<script>
    import headBox from '../components/headBox'
    import loginBox from '../components/loginBox'
    import appData from "../store/app-data";

    export default {
        name: 'post-ad',
        components: {
            headBox,
            loginBox
        },
        created() {
            console.log("123");
            appData.setItem('a','1');
        },
        mounted() {
            console.log("123222");
            appData.setItem('a','1');
        }
    }
</script>

